@charset "utf-8";
.web{
    .picture_1{
        padding-left: 0;
        padding-right: 0;
        img{
            width: 100%;
        }
    }
    //*********************
    .referral{
            padding-bottom: 30px;
        .referral_1{
            padding-top: 50px;
            p{
                font-size: 36px;
            }
        }
        .referral_2{
            p{
                font-size: 21px;
            }
        }
        .referral_3{
            .ref_1{
                p{
                    text-indent: 2em;
                    line-height: 30px;
                }
            }
            .ref_2{
                img{
                    width: 100%;
                }
            }
        }
    }
    //*************************
    .talents{
        color: #FFFFFF;
        background: #8cc11f;
        font-size: 16px;
        .talents_1{
            padding-top: 110px;
            padding-bottom: 70px;
        .talents_2{
            padding-bottom: 30px;
            p{
                font-size: 36px;
            }
        }
        .talents_4{
            .bn{
                background: #FFFFFF;
                color: #8cc11f;
                border: 1px solid #8CC11F;
            }
            p{
                &:last-child{
                    padding-top: 10px;
                }
            }
        }
       
       }
     }
     //*************************
     .position_1{
             padding-top: 60px;
         .pos_1{
             padding-top: 60px;
             font-size: 26px;
             color: #8CC11F;
         }
         .pos_2{
             border-bottom: 1px solid #d2d2d2 ;
             dl{
             padding-top: 50px;
                 padding-bottom: 30px;
                 dt{
                     font-size: 18px;
                 }
    
                dd {
                     line-height: 30px;
                     padding-left: 15px;
                 }
             }
         }
         .pos_3{
             dl{
             padding-top: 50px;
                 padding-bottom: 100px;
                 dt{
                     font-size: 18px;
                 }
    
                dd {
                     line-height: 30px;
                     padding-left: 15px;
                 }
             }
         }
     }
     //****************************
     .relation_1{
         background: #F4F4F4;
         .rela{
             .rela_1{
                 font-size: 36px;
                 padding-top: 30px;
             }
             .rela_3{
                 padding-bottom: 20px;
             }
         }
     }
}
@media screen and (max-width:767px){
    .web .talents .talents_1{
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .web .referral .referral_3 .ref_1 p{
        line-height: 15px;
    }
    .web .referral_2{
        line-height: 20px;
    }
    .web .referral .referral_2 p{
        font-size: 18px;
    }
    .web .referral .referral_1 p{
        font-size: 30px;
    }
    .web .talents .talents_1 .talents_2{
        padding-bottom: 10px;
       p{
        font-size: 30px;
        }
    }
    .web .talents .talents_1 .talents_4{
        padding-left: 30px;
    }
    .web .position_1{
        padding-top: 50px;
    }
    .web .position_1 .pos_1{
        padding-top: 20px;
    }
    .web .position_1 .pos_2 dl{
        padding-top: 20px;
    }
    .web .position_1 .pos_3 dl{
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .web .relation_1 .rela .rela_1{
        font-size: 30px;
    }
  
}
